@charset "utf-8";
/* CSS Document */
@charset "utf-8";
@font-face{
	font-family:myE;
	src: url(../font/DINOFFCPRO-CONDBOLD.TTF);
}
/*===================CSS Reset================*/
::selection {color:#fff;background-color: #06783b;}
::-moz-selection {color:#fff;background-color: #06783b;}
::-webkit-selection {color:#fff;background-color: #06783b;}
::-webkit-scrollbar {width: 3px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}
* {padding: 0;margin: 0; box-sizing:border-box;}
body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1; min-width:1200px; overflow-x:hidden}
.loading-mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #06783b;
	transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-ms-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-o-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-webkit-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-moz-transition: cubic-bezier(.62, .06, .07, .98) 1s
}
.loading-mask.compelet {
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%)
}
.full {
    width: 100%;
    height: 100%;
}

:focus { outline: 0;}
 input,button,a { outline:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select {vertical-align: top;}
li,ul {list-style-type: none;}
img {border: none;}
a{text-decoration: none; color:#393939;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
input,textarea {outline: 0;border: 0;}
textarea {resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}
ul, li {list-style: none;margin: 0;padding: 0;}

/*自定义样式*/
.fl {float: left;}
.fr {float: right;}
.m{width: 1200px;margin: 0 auto; display: block;}
.img{ overflow:hidden;}
.img img{ width:100%; height:100%;}
h5{ text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt p{ color:#777;}
.clear{ clear:both;}


#gotop { position:fixed; z-index:90; bottom:80px; right:30px; width:60px; height:60px; padding-top:15px; box-sizing:border-box; text-align:center; border-radius:5px; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s;}
#gotop img{ width:52px; height:50px;}
#gotop.hide { bottom:-80px;}
#gotop:hover {}

/*===============================================header================================================*/
#nav{ width:100%; height:145px; position:relative;}
#nav .m{ position:relative; height:100%;}
#nav .logo{ padding-top:30px; float:left;}
#nav .dw{ float:left; padding-top:46px; margin-left:10px;}
#nav .dw h3{ font-size:21px; color:#272424; font-weight:bold; margin-bottom:6px;}
#nav .dw p{ font-size:16px; color:#272424;}
#nav ul{ float:right;}
#nav ul li{ float:left; width:109px; text-align:center; border-right:1px solid #f0f0f0; height:145px; position:relative;}
#nav ul li.on{ background:#fafafa;}
#nav ul li:after{ content:""; display:block; width:1px; height:7px; background:#db2426; position:absolute; top:76px; right:-1px;}
#nav ul li:first-child{ border-left:1px solid #f0f0f0; }
#nav ul li:first-child:before{ content:""; display:block; width:1px; height:7px; background:#db2426; position:absolute; top:76px; left:-1px;}
#nav ul li h1{ font-size:14px; color:#484849; top:63px; position:absolute; text-align:center; width:100%; transition:.3s ease; -webkit-transition:.3s ease;}
#nav ul li span{ color:#b2b2b3; text-transform:uppercase; top:81px; position:absolute; display:block; width:100%; text-align:center; left:0; font-size:12px; display:inline-block; font-family:arial; transform:scale(0.875); -webkit-transform:scale(0.875);transition:.3s ease; -webkit-transition:.3s ease;}
#nav ul li:hover h1{ top:81px;}
#nav ul li:hover span{ top:63px;}

.top_search{ float:right; padding-top:65px; margin-left:10px;}
.header-search { position: absolute; border: 1px solid #e6e6e6; width: 270px; z-index: 10000; display: none; top: 100%; right: 0; height: 40px; margin-top:0;}
.header-search form{ height:100%}
.header-search form.search #keyword{color:#333333;font-size:12px;width:100%;height:100%; background:#f6f6f6;text-align:left; padding:0 15px; display:block;border:none;font-family: sans-serif;box-shadow:none;}
.btn_blue{ width:50px; height:38px; position:absolute; top:0; right:0;background: #ddd;}

/*banner*/

.banner .arrow-left {
  background: url(../images/banner_left.png) no-repeat left top;
  position: absolute;
  left: 56px;
  top: 50%;
  margin-top: -24px;
  width: 55px;
  height: 55px; z-index:9;
}
.banner .arrow-right {
  background: url(../images/banner_right.png) no-repeat left bottom;
  position: absolute;
  right: 56px;
  top: 50%;
  margin-top: -24px;
  width: 55px;
  height: 55px; z-index:9;
}

/*foot*/
#footer{ background:#3f3f40; box-sizing:border-box; padding-top:32px; padding-bottom:35px; position:relative; z-index:0;}
.s_foot_link{ width: 247px;height: 35px; border:1px solid #656566; background:#3f3f40; cursor:pointer;overflow:visible;position: relative; text-align:left;}
.s_foot_link .tanchu{ width: 247px; height:200px; overflow:auto; padding:10px 13px;box-sizing:border-box;position:absolute;bottom:34px;background: #3f3f40; border:1px solid #656566; border-bottom:0; display: none;left:-1px;}
.s_foot_link .tanchu>div{ height:200px; overflow:auto; }
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a { color: #bebebe; line-height: 27px; display:block; font-size: 12px;}
.s_foot_link #bnt_link1.a {padding-left:12px;color: #8e8c8c; text-align:left;line-height: 33px;width:233px;box-sizing:border-box; text-decoration:none;position:absolute;z-index:1;}
.s_foot_link #bnt_link1.a:after{ content:""; width:1px; height:100%; background:#656566; display:block; right:21px; position:absolute; top:0;}
.s_foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:28px;}
#footer .box1{ height:38px; border-bottom:1px solid #575759; margin-bottom:20px;}
.foot_nav{ font-size:12px; color:#6d6d6e;margin-left: -10px;}
.foot_nav a{ font-size:12px; color:#acacae; margin:0 8px; position:relative;}
.foot_nav a:before{ content:""; width:48px; height:2px; background:#e60014; display:block; position:absolute; bottom:-24px; left:50%; margin-left:-24px; transform:scale(0); transition:.3s;}
.foot_nav a:hover:before{transform:scale(1);}
.foot_rukou{}
.foot_rukou a{ font-size:12px; color:#b3b3b3; margin-left:17px;}
.foot_rukou a img{ margin-right:8px; position:relative; top:3px;}


.footer *{ font-size:13px; color:#837a74; }
.foot_bot{font-size:12px; color:#919194; line-height:20px; width:510px; text-transform:uppercase; }
.foot_bot p{ display:inline-block; font-size:12px; }
.foot_bot a{ font-size:12px; color:#919194;}
.foot_bot *{ color:#919194; font-size:12px !important; display:inline-block;}
.foot_bot a:hover{ color:#fff;}
#footer a:hover{ color:#fff !important;}





/*内页banner*/
.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index: 0;}
.ny_banner {width: 1920px;height: 250px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}
.ny_banner img{width: 100%;}

/*=====面包屑===*/
.n_position{ height:70px; line-height:70px; border-bottom:1px solid #dad9de; margin-bottom:45px; position:relative;}
.n_position img{ position:relative; top:1px; margin-right:2px;}
.n_position h3{ font-size:12px; color:#a2a2a2; display:inline-block; float:right;}
.n_position h3:before{ content:url(../images/home_icon.png); margin-right:5px; position:relative; top:1px;}
.n_position h3 a{ margin:0 5px; display:inline-block; font-size:12px; color:#a2a2a2; }
.n_position h3 a:hover{ color:#e60012;}
.n_position h3 em{ color:#e60012; margin-left:5px;}
.n_position h4{ float:left; font-size:16px; color:#4f4f4f;}
.n_position h4 span{ color:#8e8e8e; font-size:12px; font-family:arial; text-transform: uppercase; margin-left:12px;}
.n_main {
}
#main{ overflow: hidden;}
#left_list{ width:260px; float: left;}
.right_con{ width:1030px; float:right;}
.n_nav{}
.n_nav ul{ display:block; border:1px solid #dadada;}
.n_nav ul li{ height:60px; line-height:59px; transition:.3s; -webkit-transition:.3s;}
.n_nav ul li a{ font-size:15px; color:#3a3a3c; border-bottom:1px solid #e9e9ec; display:block; width:100%; height:100%; padding:0 27px; position:relative; transition:.3s; -webkit-transition:.3s;}
.n_nav ul li:hover{ background:#f0161b;}
.n_nav ul li:hover a{ color:#fff;border-bottom:0;}
.n_nav ul li.on{ background:#f0161b;}
.n_nav ul li.on a{ color:#fff;border-bottom:0;}

.left_con{ width:230px; float:left;}
.right_con{ width:908px; float:right;}
.left_list{}
.left_list ul{}
.left_list ul li{ height:45px; line-height:45px; margin-bottom:5px; background:#f7f8fa; padding-left:20px;}
.left_list ul li a{ display:block; font-size:14px; color:#777;}
.left_list ul li.on,.left_list ul li:hover{ background:url(../images/list_bg.jpg) center no-repeat;}
.left_list ul li.on a,.left_list ul li:hover a{ color:#fff;}
.tuijian{ margin-top:20px; background:#f7f8fa;}
.tuijian .tt{ line-height:50px; padding-left:14px; border-bottom:1px solid #dcdcdc; font-size:16px; color:#e60012;}
.tuijian .tt i{ display:inline-block; width:3px; height:12px; background:#e60012; margin-right:4px;}
.tuijian ul{ padding:0 13px;}
.tuijian ul li{ height:53px; line-height:53px; border-bottom:1px dashed #dcdcdc;}
.tuijian ul li a{ font-size:14px; color:#777; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; width:200px;}
.tuijian ul li a:hover{ color:#e60012;}
.tuijian ul li a i{ margin-right:7px;}


.container04{ margin-top:75px; margin-bottom:35px;}
.container04 .m{ height:57px; background:url(../images/container04_bg.png) left center no-repeat;}
.container04 .left{ float:left; width:464px; height:57px; line-height:57px; padding-left:70px; font-size:27px; color:#e62129; font-family: "Swis721 BlkCn BT",impact; background:url(../images/tel.png) 37px 19px no-repeat;}
.container04 .center{ float:left; width:537px; height:57px; padding:10px 0 0; padding-left:40px; text-align:left;}
.container04 .center p{ color:#8d8d8e; font-size:12px; line-height:18px;}
.container04 ul{ float:right; margin-top:18px;}
.container04 ul li{ width:20px; height:20px; float:left; margin-right:32px;}
.container04 ul li a{ display:block; width:100%; height:100%;}.container04 ul li a:hover{ opacity:0.8;}
.container04 ul{ margin-right:10px;}
.container04 ul li a{ display:block; width:100%; height:100%; position:relative;}
#wechat_act { position: absolute; left: 50%;  bottom: 40px; margin-left: -46px;    border: 1px solid #eee;
    background: #fff;
    padding: 6px; width: 93px; height: 93px; transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; opacity:0;}
#wechat:hover #wechat_act{ opacity:1; }
.tc_tel { position: absolute; left: 50%;  bottom: 0; margin-left: -65px; width: 130px; height:67px; font-family: Swis721 BlkCn BT; font-size:20px; color:#e62129; transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; opacity:0;}
#wechat:hover .tc_tel{ opacity:1; }


.fuwu_form{ margin-top:15px; margin-bottom:35px;}
.fuwu_form .form_group{ margin-bottom:10px; line-height:39px; font-size:0;}
.fuwu_form .form_group span{ margin-right:10px; font-size:14px; color:#000000; font-weight:bold;}
.fuwu_form .form_group input{ height:39px; line-height:39px; border:1px solid #e5e5e5; padding-left:14px; font-size:14px; color:#b3b3b3;}
.fuwu_form .form_group select{ height:39px; line-height:39px; border:1px solid #e5e5e5; width:123px; margin-right:8px; font-size:14px; color:#b3b3b3; padding-left:10px; -webkit-appearance: none; background:url(../images/sanjiao.png) 96px center no-repeat;}
.fuwu_form .submit{ width:150px; height:39px; background:#e60012; color:#fff; border:0; font-size:14px; cursor:pointer;}

.fuwu_table{}
.fuwu_table tr th{ background:#e60012; color:#fff;}
.fuwu_table *{ border-color:#e5e5e5 !important; font-size:14px; color:#777;}
.fuwu_table tr td img{ float:right;}
.fuwu_table tr:nth-child(even){ background:#f7f8fa;}

/*====翻页效果====*/
.j_pages{ margin:0 auto; margin-top:50px;}
.j_pages .box{display:inherit;width:100%;text-align: center; }
.j_pages a{padding: 0px 12px;height: 35px;line-height: 33px;display:inline-block; margin:0 4px; border:1px solid #e8e8e8; color: #5c5c5c;font-size: 14px; box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7; line-height:35px;}
.j_pages .on{background:#e60012;color:#fff!important;border:1px solid #e60012;}
.j_pages span{background:#e60012;color:#fff!important;border:1px solid #e60012}
.j_pages a:hover{background:#e60012;color:#fff!important;text-decoration:none;border:1px solid #e60012;}
.j_pages a:hover font{color:#fff}
.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}





/*选择框美化*/
label {font-size:12px;cursor:pointer; margin-left:10px;}
label i {font-size:12px;font-style:normal;display:inline-block;width:11px;height:11px;text-align:center;line-height:12px;color:#fff;vertical-align:middle;margin:-2px 5px 1px 0px;border:#ffc114 2px solid;}
input[type="checkbox"],input[type="radio"] {display:none;}
input[type="radio"] + i {border-radius:5px;}
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i {background:#ffc114;}
input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}
input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}


/* 点击搜索框获取焦点 placeholder消失-开始 */
input::-webkit-input-placeholder{
           color: #b3b3b3 !important; font-size:14px; font-family:"Microsoft Yahei";
        }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
          color: #b3b3b3 !important; font-size:14px; font-family:"Microsoft Yahei";
        }
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
           color: #b3b3b3 !important; font-size:14px; font-family:"Microsoft Yahei";
        }
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
           color: #b3b3b3 !important; font-size:14px; font-family:"Microsoft Yahei";
        }
textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999 !important; font-size:14px; font-family:"Microsoft Yahei";
}
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
 color: #999 !important; font-size:14px; font-family:"Microsoft Yahei";
}
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
 color: #999 !important; font-size:14px; font-family:"Microsoft Yahei";
}
textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
 color: #999 !important; font-size:14px; font-family:"Microsoft Yahei";
 
}

.ar_article{font-size:14px;color:#777;line-height:30px;text-align:justify;}
.ar_article p{font-size:14px;color:#777;line-height:30px;text-align:justify;margin-bottom: 23px;}	
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#6b6b6b;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}
.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}
.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}
.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}
.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article p span{ }
.ar_article img{ display:inline-block;}
.ar_article td,
.ar_article th{padding: 10px 0.9375rem;border: 1px solid #cfcfcf;}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
.ar_article table td {border-left: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;line-height: 24px;}
p.no_padding{ padding:0; margin:0;}


#n_pro{}
#n_pro ul{ margin-right:-27px; margin-top:-30px;}
#n_pro ul li{ width:285px; height:219px; border:1px solid #e4e4e4; float:left; margin-right:26px; margin-top:30px; margin-left:0;}
#n_pro ul li .img{ width:283px; height:173px; }
#n_pro ul li .img img{ transition:1s;}
#n_pro ul li:hover .img img{ transform:scale(1.1);}
#n_pro ul li h5{ text-align:center; line-height:43px; background:#ebebeb; border-top:1px solid #e4e4e4; transition:.3s; font-weight:100;}
#n_pro ul li:hover h5{ background:#e60012; color:#fff;}

#n_zizhi{ padding-bottom:30px; overflow:hidden; margin-top:-10px;}
#n_zizhi ul{ margin-right:-56px; margin-top:-15px;}
#n_zizhi ul li{ margin-top:25px;  width:270px;  margin-right:48px; float:left; }
#n_zizhi ul li .img_tab{ width:270px; height:167px; background:#f7f7f8; display:table; transition:.3s; -webkit-transition:.3s;}
#n_zizhi ul li .tab_cl{ width:270px; height:167px; display:table-cell; vertical-align:middle; text-align:center;}
#n_zizhi ul li img{ max-width:90%; max-height:90%;}
#n_zizhi ul li h5{ text-align:center; line-height:50px; font-size:16px; color:#868686; margin-top:10px;}
#n_zizhi ul li:hover h5{ color:#e60012;}
#n_zizhi ul li:hover .img_tab{ box-shadow:0 3px 10px 0 rgba(0,0,0,.2);}
#n_zizhi .hd{}
#n_zizhi .hd a{ display:block; width:33px; height:33px; position:absolute; top:50%; margin-top:-16px;}
#n_zizhi .hd .prev{ left:-63px; background:url(../images/n_zizhi_l.png) center no-repeat;}
#n_zizhi .hd .next{ right:-63px; background:url(../images/n_zizhi_r.png) center no-repeat;}
#galleryOverlay .placeholder:after{ content:""; position:fixed; top:80px; right:80px; color:#eee;color: rgba(255,255,255,.6); font-size:30px; cursor:pointer; transition:.3s; }
#galleryOverlay .placeholder img{ max-width:90% !important; max-height:80% !important;}


#n_case2{}
#n_case2 ul{ margin-right:-27px; margin-top:-39px;}
#n_case2 ul li{ width:287px; float:left; margin-right:24px; margin-top:39px;}
#n_case2 ul li .img{ width:287px; height:167px; position:relative; }
#n_case2 ul li .img img{ transition:1s;}
#n_case2 ul li:hover .img img{ transform:scale(1.1);}
#n_case2 ul li .mask{ position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/play.png) center no-repeat rgba(0,0,0,.2); z-index:1;}
#n_case2 ul li h5{ text-align:center; font-size:14px; color:#777; transition:.3s; padding-top:18px;}
#n_case2 ul li:hover h5{ color:#e60012;}

/*====分享插件====*/
.shart_box{float: right;height: 40px;  position:relative; top:-5px; }
span.span2.shart_box{ }
.shart_box a{ color:#7a7a7a; font-size:12px; line-height:35px;}
.shart_box:hover #j_shart_s_24{ display:block;}
#j_shart_s_24 .bds_count{ font-size:12px;}
.shart_box img{ position:relative; top:3px;}
#j_shart_s_24{padding-left: 10px;position:relative;float: left; display:none;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
#right_news ul li img{float:left;width: 202px;height: 104px;margin-bottom:28px;}


/*==============新闻详情=====================*/

.n_article { margin-bottom:20px;}
.n_article .ar_title{ border-bottom:1px solid #d7d7d7; height:68px; margin-bottom:15px; margin-top:-7px; position:relative;}
.n_article .ar_title:before{ content:""; display:block; position:absolute; left:0; bottom:-2px; width:84px; height:3px; background:#e60012;}
.n_article .ar_title h1{ font-size: 18px; display:block; text-align:left; line-height:30px; color:#6c6c6c;}
.n_article .ar_title h2{height: 30px; font-size:12px;  display:block; text-align:center; color:#9b9b9b; line-height:30px;}
.n_article .ar_title h2 strong{ color:#b8b7bc;}
.n_article .ar_title h2 img{ margin-right:5px; position:relative; top:2px;}
.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}
.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}
.n_article .bnt_page a{ color:#8a8a8a;}
.n_article .bnt_page a:hover{color:#007cc2;}
.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}
.jiathis_style{ margin-top:10px;}
.n_article .bnt_page{ position:relative;}
.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}
#ar_fot{ position:relative; height:51px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-top:50px;}
#ar_fot h1{ display:block; font-size:12px; line-height:49px; color:#777777; font-weight:bold; max-width:48%; overflow:hidden;}
#ar_fot h1 a{ font-size:12px; color:#777777; font-weight:normal;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;}
#ar_fot h1 a:hover{ color:#e60014;}

.xq_ewm{ text-align:center;}
.xq_ewm img{ width:123px; height:123px; border:2px solid #e4e2e1;}
.xq_ewm p{ font-size:14px; color:#8a8a8a; margin-top:14px;}

#n_join #list_slide{  position:relative; }
#n_join #list_slide dl{ background:#f3f3f5; position: relative; margin-bottom:11px; }
#n_join #list_slide dt{ position:relative; cursor:pointer; height:90px; }
#n_join #list_slide dt.on{ background:#e00025; }
#n_join #list_slide dt h1{  color:#5e5e5e; padding-left:30px; font-size:16px; line-height:35px; background:url(../images/ico_s.png) right center no-repeat;  display:block; margin-right:30px; padding-top:10px; padding-bottom:10px;}
#n_join #list_slide dt h1 span{ display:block; font-size:12px; color:#818181;}
#n_join #list_slide dt.on h1{ color:#fff;}
#n_join #list_slide dt.on h1 span{ color:#fff;}
#n_join #list_slide dd{ display:none; line-height:24px;  padding: 0px 30px; padding-bottom:15px;}
#n_join #list_slide dd p{  margin-bottom:0;}
#n_join #list_slide dd p:last-child{ padding-bottom:0;}
#n_join #list_slide dd .content{ padding:25px 0 15px 0px;}
#n_join #list_slide dd .content { color:#7b7b7b; font-size:13px; line-height:28px;}
#n_join #list_slide dd .content *{ color:#7b7b7b; font-size:13px; line-height:28px;}
#n_join #list_slide dd .content p{ margin-bottom:20px;}
#n_join #list_slide dt.on h1{ background:url(../images/ico_s_on.png) right center no-repeat ;  }



#n_lianxi{ padding-bottom:80px;}
#n_lianxi .box1{ padding-bottom:50px;}
#n_lianxi .txt{ width:392px; float:right; padding-top:33px; margin-right:80px;}
#n_lianxi .txt h5 span{ font-size:16px; color:#a5a5a5; text-transform:uppercase; font-family:arial;}
#n_lianxi .txt h5 p{ font-size:18px; color:#434445; margin-top:3px;}
#n_lianxi .txt i{ display:block; width:31px; height:2px; background:#e60012; margin-top:15px; margin-bottom:30px;}
#n_lianxi ul li{ font-size:13px; color:#434445; line-height:28px;}
#n_lianxi ul li i{ color:#868686;}
#n_lianxi .fl .ewm{ margin-top:15px;}
#n_lianxi .fl .ewm div{ float:left; width:91px; text-align:center; margin-right:32px; font-size:13px; color:#777777;}
#n_lianxi .fl .ewm div img{ width:87px; height:87px; margin-bottom:8px; border:2px solid #e4e2e1; box-sizing:border-box;}

#n_lianxi .map { border: 1px solid #e5e7eb; overflow: hidden;}


#n_case{}
#n_case ul{ margin-top:-20px;}
#n_case ul li{ height:189px; background:#f4f5f9; margin-top:20px;}
#n_case ul li .img{ width:285px; height:189px; float:left;}
#n_case ul li .img img{}
#n_case ul li .txt{ width:393px; height:100%; float: left; margin-left:39px; padding-top:33px;}
#n_case ul li .txt h5{ padding-bottom:15px;}
#n_case ul li .txt h5 a{ font-size:18px; color:#484848;}
#n_case ul li .txt p{ font-size:14px; color:#7d7d7d; line-height:20px; height:20px; overflow:hidden}
#n_case ul li .txt p span{ margin-right:20px;}
#n_case ul li .txt .btn{ display:block; width:120px; height:35px; line-height:35px; text-align:center; border:1px solid #e5e5e5; font-size:13px; color:#777777; margin-top:33px; transition:.3s;}
#n_case ul li .txt .btn i{ margin-left:18px; display:inline-block;}
#n_case ul li .txt .btn:hover{ background:#e60012; color:#fff;}
#n_case ul li .xiangguan{ float:right; width:160px; height:100%; border-left:1px solid #dcdcdc; text-align:center;}
#n_case ul li .xiangguan h5{ text-align:center; padding-top:26px; font-size:16px; color:#7d7d7d; margin-bottom:16px;}
#n_case ul li .xiangguan a{ display:block; height:36px; line-height:36px; font-size:14px; color:#7d7d7d; width:123px; margin:0 auto;}
#n_case ul li .xiangguan a:hover{ background:#e7e9ed; color:#e60012;}




#n_dsj{ background:url(../images/bg_dsj.png) center top repeat-y; padding-bottom:60px;}
#n_dsj .content{background: url(../images/bg_dsj_first.png) 266px 10px no-repeat;padding-top: 90px;}
#n_dsj dl{position:relative;display:none;}
#n_dsj dt{ display:block; border-bottom:1px solid #e4e5e9; padding-bottom:10px;}
#n_dsj dt h1{position:absolute; top: 80px; right:auto; left: 635px; display:block; }
#n_dsj dt h1 strong{font-size: 24px;color: #ff6801;}
#n_dsj .dd{ display:block; width:100%;  position:relative; height:175px; margin-top:55px; }
#n_dsj .dd .pic_box{position:absolute;top:0;left: 147px; width:238px; height:150px;}
#n_dsj .dd .pic_box img{width: 100%;height: 100%;display:block;}
#n_dsj .dd .text_box {width: 406px;position:absolute;right:0;top:0;}
#n_dsj .dd .text_box .box{ position:relative;}
#n_dsj .dd .text_box h1{font-size: 24px;font-weight:bold;display:block;color: #e60012; font-family:arial; margin-bottom: 8px;}
#n_dsj .dd .text_box .p{ height:170px; overflow:hidden; font-size:14px; line-height:30px; color:#555555; text-align:justify;}
#n_dsj .dd.left_box{ background: url(../images/bg_dsj_li_left.png) 402px 0px no-repeat;}


#n_dsj .dd.right_box{ background: url(../images/bg_dsj_li_right.png) 445px  0px no-repeat;}
#n_dsj .dd.right_box .box{text-align:left;width:406px;}
#n_dsj .dd .pic_box{border: 3px solid rgb( 231, 233, 235 ); -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj .dd.right_box .pic_box{left:auto;right: 147px;border: 3px solid rgb( 231, 233, 235 ); -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj .dd.right_box .text_box{ right:auto; left:0;}
#n_dsj .dd.right_box .text_box h1{ left:auto; right:-190px; text-align:right;}
#n_dsj .dd .text_box h1 strong{ position:relative; display: inline-block;}
#n_dsj .dd .text_box h1 strong::before {position: absolute;top: 0;left: 0;overflow: hidden; max-width: 0;color: #004785;content: attr(data-hover);-webkit-transition: max-width 0.5s;-moz-transition: max-width 0.5s;transition: max-width 0.5s;}
#n_dsj .dd:hover .text_box h1 strong::before,#n_dsj .dd:focus .text_box h1 strong::before {max-width: 100%;}
#n_dsj .dd:hover .pic_box{ top:10px;}
#n_dsj .dd.right_box .text_box p{ text-align:right;}
#n_dsj .dd.first{ padding-top:110px; background:url(../images/bg_dsj_li_right.png) 592px 115px no-repeat;}
#n_dsj .dd.first .pic_box{ top:110px;}
#n_dsj .dd.first:hover .pic_box{ top:120px;}
#n_dsj  dl.left_section dt h1{display:block;right: 610px;left: auto;}
#n_dsj_box .bnt_more{ width:115px; height:38px; margin:0 auto; background:#e60012; border-radius:5px; color:#fff; line-height:38px; text-align:center; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj_box .bnt_more a{ display:block; color:#fff;}
#n_dsj_box .bnt_more:hover{ background:#cf0212; }

#n_news{}
#n_news .box1{ position:relative;  margin-bottom:20px; overflow:hidden;}
#n_news .box1 ul{}
#n_news .box1 ul li{ overflow:hidden;  margin-bottom:20px;}
#n_news .box1 .img{ width:250px; height:180px; float:left; margin-right:44px;}
#n_news .box1 .img img{ transition:1s;}
#n_news .box1 .img:hover img{ transform:scale(1.1);}
#n_news .box1 .txt{ padding-top:26px;}
#n_news .box1 .txt h5{ margin-bottom:22px;}
#n_news .box1 .txt h5 a{ font-size:20px; color:#1e1e1e;}
#n_news .box1 .txt h5 a:hover{ color:#e60012;}
#n_news .box1 .txt p{ font-size:14px; color:#949599; line-height:24px;}
#n_news .box1 .txt .btn{ font-size:14px; color:#e60012; text-decoration:underline; margin-top:20px; display:inline-block;}
#n_news .box1 .hd{ position:absolute; bottom:10px; z-index:99; width:250px; text-align:center;}
#n_news .box1 .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
#n_news .box1 .hd ul li{ display:inline-block; width:10px; height:10px; overflow:hidden; margin:0 6px; text-indent:-999px; cursor:pointer; background:#dbdbdb; border-radius:50%; }
#n_news .box1 .hd ul li.on{ background:#e60012; }
#n_news .box2{ border-top:1px solid #e4e4e4;}
#n_news .box2 ul{}
#n_news .box2 ul li{ height:183px; border-bottom:1px solid #e4e4e4; padding-top:39px;}
#n_news .box2 ul li h5{ font-size:18px; color:#585858; margin-bottom:10px;}
#n_news .box2 ul li h5 span{ display:inline-block; width:121px; height:45px; text-align:center; line-height:47px; font-size:14px; color:#585858; font-family:arial; margin-right:20px; background:url(../images/news_time.png) 13px center no-repeat #f7f8fa; padding-left:20px;}
#n_news .box2 ul li p{ font-size:13px; line-height:24px; color:#979797; height:48px; overflow:hidden;}
#n_news .box2 ul li:hover h5 span{ background:url(../images/news_time_on.png) 13px center no-repeat #e60012; color:#fff;}




.xq_slide{ position: relative; overflow: hidden; width:459px; height:385px; float:left; }	
.xq_slide .bigImg{ height: 282px; position: relative; border:1px solid #e4e4e4; overflow:hidden;}	
.xq_slide .bigImg li img{ vertical-align:middle; width:100%; height:100%;   }	
.xq_slide .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }	
.xq_slide .smallScroll{ height: 82px; position:relative; text-align:center; margin-top:15px;}	
.xq_slide .sPrev,.xq_slide .sNext{ position:absolute; display: block; width: 29px; height: 82px; background: url(../images/game_left.png) left center no-repeat; font-size:0; }	
.xq_slide .sNext{ background: url(../images/game_right.png) right center no-repeat; position:absolute; top:0; right:0;}	

.xq_slide .smallImg{  margin: 0 auto; display: inline-block;overflow: hidden;}	
.xq_slide .smallImg ul{ height:111px;  width: 9999px; overflow: hidden; }	
.xq_slide .smallImg li{ float: left;  width:141px; height:90px; cursor:pointer;  display: inline;  }	
.xq_slide .smallImg img{ border: 1px solid #dcdddd;width:133px; height:82px; margin:0 4px; }	
.xq_slide .smallImg .on img{ border:1px solid #e60012;}	
.xq_slide .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}	
.xq_slide .pageState span{ color: #f00; font-size: 16px;}

#n_pro_xq .info{ width:405px; padding-top:60px;}
#n_pro_xq .info .title{ font-size:20px; color:#4a4a4a; margin-bottom:15px;}
#n_pro_xq .info .btn{ display: inline-block; width:119px; float:left; margin-right:5px; text-align:center; line-height:30px; position:absolute; }
#n_pro_xq .info .btn a{ color:#fff; display:block; height:30px; background:#e60012;}
#n_pro_xq .info .btn_xl { float:left; min-width:220px;}
#n_pro_xq .info .btn_xl>a{ background:url(../images/xia.png) 200px center no-repeat #e60012; text-align:left; padding-left:15px; padding-right:20px;overflow: hidden;}
#n_pro_xq .info .btn_xl .list{ display:none; background:#e60012;}
#n_pro_xq .info .btn_xl:hover .list{ display:block;}
#n_pro_xq .info .btn_xl .list a{ color:#fff; text-align: left; padding-left: 15px;}
#n_pro_xq .info ul{ margin-top:13px;}
#n_pro_xq .info ul li{ font-size:14px; color:#777; line-height:24px; margin-bottom:5px;}
#n_pro_xq .info ul li span{ color:#000000;}
#n_pro_xq .info .gk{ margin-top:5px;}
#n_pro_xq .info .gk a{ display:inline-block; width:97px; height:30px; line-height:30px; text-align:center; border:1px solid #e4e2e1; margin-right:9px;}

#n_pro_xq .box2{ margin-top:55px;}
#n_pro_xq .box2 .hd{ border-bottom:1px solid #d8d8d8; background:#fff; overflow:hidden; margin-bottom:35px; height:42px; border:1px solid #e6e6e6;}
#n_pro_xq .box2 .hd ul li{ cursor:pointer; width:110px; height:40px; line-height:40px; text-align:center; float:left;font-size:15px; color:#4e4e4f; position:relative; z-index:0;}
#n_pro_xq .box2 .hd ul li a{font-size:15px; color:#4e4e4f; display:block; width:100%; height:100%; transition:.3s; -webkit-transition:.3s;}
#n_pro_xq .box2 .hd ul li:after{ content:""; width:0; height:40px; background:#e60012; position:absolute; bottom:0; left:0; z-index:-1; width:0; transition:.3s; -webkit-transition:.3s;}
#n_pro_xq .box2 .hd ul li:hover:after{ width:110px;}
#n_pro_xq .box2 .hd ul li:hover a{ color:#fff;}

#n_pro_xq .box3{ border-top:1px solid #e4e4e4; margin-top:43px; padding-top:40px;}
#n_pro_xq .tt{ text-align:center; margin-bottom:30px;}
#n_pro_xq .tt span{ font-size:18px; color:#959595; text-transform:uppercase;}
#n_pro_xq .tt p{ font-size:16px; color:#686868; margin-top:9px;}


/*banner*/
.banner { height:699px; width:100%; overflow:hidden; position:relative; z-index:0; }
.banner .swiper-slide{ height:699px; }
.banner .pagination{ position:absolute; bottom:16px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);}
.banner .pagination span{ display:inline-block; width:35px; height:2px; background:none; margin:0 4.5px;}
.banner .pagination span.swiper-active-switch{ background:none;}
/*banner end*/

.s_tuijian{ position:relative; width:345px; height:249px; float:left; margin-right:33px;}
.s_tuijian .hd{ position:absolute; z-index:999; bottom:16px; right:20px;}
.s_tuijian .hd ul{}
.s_tuijian .hd ul li{ width:6px; height:6px; float:left; box-sizing:border-box; background:#fff; border-radius:50%; margin:0 3px; cursor:pointer;}
.s_tuijian .hd ul li.on{ background:#e60014;}
.s_tuijian .bd{}
.s_tuijian .bd ul{}
.s_tuijian .bd ul li{ position:relative; width:345px; height:249px;}
.s_tuijian .bd ul li img{ width:100%; height:100%;}
.s_tuijian .bd ul li .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; height:40px; background: rgba(0,0,0,0.5);}
.s_tuijian .bd ul li .mask h5{ width:250px; font-size:14px; line-height:40px; color:#fff; margin-left:20px;}

.s_news{ width:439px; box-sizing:border-box; float:left;}
.s_news .hd{ margin-bottom:25px; overflow:hidden; margin-top:-10px; }
.s_news .hd ul li{ float:left; text-align:center;  overflow:hidden; margin-right:32px;}
.s_news .hd ul li a{ font-size:15px; color:#323232; height:35px; line-height:35px; }
.s_news .hd ul li.on{ border-bottom:3px solid #e60014; }
.s_news .bd .new1{ padding-bottom:12px; border-bottom:1px dotted #a7a7aa;}
.s_news .bd .new1 h5{ margin-bottom:10px;}
.s_news .bd .new1 h5 a{ font-size:16px; color:#3c3c42; display:inline-block; width:345px;transition:.3s; -webkit-transition:.3s;}
.s_news .bd .new1 h5 a:hover{ color:#111;}
.s_news .bd .new1 h5 span{ display:block; font-size:22px; color:#e60014; font-family:arial; margin-bottom:8px;}
.s_news .bd .new1 p{ font-size:12px; line-height:20px; height:40px; color:#949599;} 
.s_news .bd ul{ padding-top:12px; }
.s_news .bd ul li{ display:block; height:27px; line-height:27px;}
.s_news .bd ul li i{ float:left; margin-right:8px; color:#bfbfbf; font-size:14px; }
.s_news .bd ul li h5{ float:left; font-size:14px; color:#848588; width:346px;transition:.3s; -webkit-transition:.3s;}
.s_news .bd ul li span{ float:right; font-size:12px; color:#a7a7aa;}
.s_news .bd ul li:hover h5{ color:#333;}


.s_video{ float:right; width:350px;}
.s_video .img{ cursor:pointer; position:relative; overflow:hidden; width:350px; height:195px;}
.s_video .img .mask{ position:absolute; width:100%; height:100%; background:url(../images/s_play.png) center no-repeat; z-index:9;}
.s_video .img img{ transition:1s;}
.s_video .img:hover img{ transform:scale(1.1);}
.s_video .tt{ height:50px; line-height:50px; background:#e60014; text-align:center; margin-top:6px;}
.s_video .tt a{ color:#fff; font-size:14px;}
.s_video .tt img{ margin-right:13px; position:relative; top:3px;}
.s_video .tt span{  font-size:12px; margin-left:5px;}

.container01{ margin-top:40px; overflow:hidden;}
#s_pro{ margin-top:40px; position:relative;}
#s_pro .bd{ overflow:hidden;}
#s_pro ul{}
#s_pro ul li{ width:305px; height:219px;float:left;margin-top:30px; overflow:hidden;}
#s_pro ul li a{ width:285px; height:219px; display:block; border:1px solid #e4e4e4; }
#s_pro ul li .img{ width:283px; height:173px; }
#s_pro ul li .img img{ transition:1s;}
#s_pro ul li:hover .img img{ transform:scale(1.1);}
#s_pro ul li h5{ text-align:center; line-height:43px; background:#ebebeb; border-top:1px solid #e4e4e4; transition:.3s; font-size:14px; color:#3f3f3f;}
#s_pro ul li:hover h5{ background:#e60012; color:#fff;}

#s_pro .prev, #s_pro .next {
    position: absolute; z-index:99;
    left: 20px;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -168px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
#s_pro .next {
    left: auto;
    right: 20px;
    background-position: -50px 5px;
}


/*==========================================视频弹窗=============================================*/
#page_show_box{ position:fixed; z-index:9995; top:0;  left:0; display:none; height:100%; width:100%; }
#page_show_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none;  height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
#page_show_box .box{ position:absolute; top:50%; z-index:9999; left:50%; margin-left:-340px; margin-top:-267px;}
#page_show_box .video_box{ }
#bnt_close{ display:block; width:35px; height:35px;  position:absolute; top:13px; right:0;}
#bnt_close img{ display:block; position:absolute; left: 0px; top: 0px;}
#bnt_close:hover img{ } #page_show_box #page_ar{ width:680px;   position:relative; }
#page_show_box #page_ar .ar_box{ border-radius:1px; width:680px; height:534px; background:#fff; position:relative;   }
#page_show_box #page_ar .ar_box .p{  line-height:30px; font-size:14px; color:#686a6a; max-height:540px; text-align:justify; overflow: hidden;}
#page_show_box #page_ar .ar_box .title{ font-size:15px; color:#fff; background:#af7017; display:block; height:45px; line-height:45px; text-align:center;}
#page_show_box #page_ar .content{ border:1px solid #e5e7eb; }
#s_video_box a{ display: block; position: relative; width: 100%; height: 290px; overflow: hidden;} 
#s_video_box a img.img{}#s_video_box a .icon{ position: absolute; left:0; top: 0; width: 100%; height: 100%;    display:block;  background: url(../images/icon_play.png) center no-repeat;}
#show_video_box{ position:fixed; z-index:9999; top:0; left:0; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}#show_video_box .box{ position:absolute; top:50%;  left:50%; margin-left:-550px; margin-top:-290px;}
#page_video{ width:1080px; height:580px;  background:none; position:relative;}
#page_video .video_box{border:5px solid #e60014; width:1010px; height:580px;}
#bnt_close{ display:block; width:70px; height:70px; background:#e60014; position:absolute; top:0; right:0;}
#bnt_close img{ display:block; position:absolute; left:18px; top:18px; }
#bnt_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.s_rukou{ position:absolute; bottom:40px;}
.s_rukou:before{ content:""; width:100%; height:1px; top:-22px; display:block; background:#fff; background:rgba(255,255,255,.5); position:absolute;}
.s_rukou ul{}
.s_rukou ul li{ height:135px; float:left; width:400px; background:#be1424; color:#fff; text-align:center; padding-top:25px; position:relative;}
.s_rukou ul li:before{ content:""; width:0; height:3px; top:-23px; right:0; display:block; background:#fff; background:rgba(255,255,255,.8);   position:absolute; transition:.5s;}
.s_rukou ul li:hover:before{ content:""; width:100%; left:0; right:auto;}
.s_rukou ul li font{ width:52px; height:52px; display:block; margin:0 auto; margin-bottom:10px; transition:.8s;}
.s_rukou ul li:hover font{ transform:rotateY(180deg);}
.s_rukou ul li h3{ font-size:15px; color:#fff;}
.s_rukou ul li h3 span{ font-size:13px; font-family:arial; margin-left:5px; text-transform:uppercase;}
.s_rukou ul li.li_2{ background:#a8202e;}
.s_rukou ul li.li_3{ background:#b7313e;}



#footer{ position:relative; z-index:999;}
#fix_ewm_box, #fix_ewm_box01, #fix_ewm_box02 {
    position: fixed; transition:.3s;
    top: 0px;
    right: 0;display: block !important;
    z-index: 999999999999999;
    display: none; opacity:0; visibility:hidden;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');
    background: rgba(0,0,0,0.9);
}
#box_big {  position: absolute; width: 100%; height: 100%;}
.dowebok li{ position:relative; margin-right:20px;}
.dowebok li i{ position:absolute; left:-20px; color:#cd1e08;}
#fix_ewm_box02.tc.act{display: block !important;opacity:1; visibility: visible; top:0;}
#fix_ewm_box02.tc .form{ top:40%; transition:.3s;}
#fix_ewm_box02.tc.act .form{ top:50%;}
#fix_ewm_box02 .close{ cursor:pointer; transition:1s ease; -webkit-transition:1s ease;}
#fix_ewm_box02 .close:hover{ transform:rotate(180deg);}

#n_pro{ position:relative;}
#n_pro .prev, #n_pro .next {
    position: absolute; z-index:99;
    left: 20px;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -168px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
#n_pro .next {
    left: auto;
    right: 20px;
    background-position: -50px 5px;
}